<template>
	<div>
		<mt-swipe :auto="4000">
		  <mt-swipe-item><img src="../../images/lb1.jpg"alt=""></mt-swipe-item>
		  <mt-swipe-item><img src="../../images/lb2.jpg"  alt=""></mt-swipe-item>
		  <mt-swipe-item><img src="../../images/lb3.jpg"  alt=""></mt-swipe-item>
		</mt-swipe>

		 <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/newsList">
                    <img src="../../images/menu1.png"alt="">
                    <div class="mui-media-body">新闻资讯</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/imgList">
                     <img src="../../images/menu2.png"alt="">
                    <div class="mui-media-body">图片分享</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodslist">
                     <img src="../../images/menu3.png"alt="">
                    <div class="mui-media-body">商品购买</div></router-link></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                     <img src="../../images/menu4.png"alt="">
                    <div class="mui-media-body">留言反馈</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                    <img src="../../images/menu5.png"alt="">
                    <div class="mui-media-body">视频专区</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
                     <img src="../../images/menu6.png"alt="">
                    <div class="mui-media-body">关于我们</div></a></li>
		           
		</ul> 
	</div>
</template>



<script></script>




<style lang="scss" scoped>
	.mint-swipe{
		height:200px;
	}

	.mint-swipe-item{
		&:nth-child(1){
			background-color: cyan;
		}
		&:nth-child(2){
			background-color:#369;
		}
		&:nth-child(3){
			background-color:red;
		}

		img{
			width:100%;
			height:100%;
		}
	}

	.mui-table-view.mui-grid-9{
		img{
			width:60px;
			height:60px;
			border-radius:50%;
		}

		border:none;
		
		.mui-media-body{
			font-size:14px;
		}
	}
   
</style>